<template>
  <div class="right-menu-wrap">
    <ul>
      <li
        :class="item.disabled ? 'disabled' : ''"
        @click="cb(item.id)"
        v-for="item in list"
        :key="item.id"
      >
        {{ item.con }}
      </li>
    </ul>
  </div>
</template>

<script>
import utils_m from "../utils";
export default {
  props: ["cb"],
  data() {
    return {
      list: utils_m.rightMenuList,
    };
  },
  methods: {},
};
</script>
<style lang="less" scoped>
.right-menu-wrap {
  // width: 150px;
  background-color: #fff;
  border: 1px solid #ccc;
  ul {
    li {
      line-height: 27px;
      padding: 0 20px;
      font-size: 12px;
      cursor: default;
      &:hover {
        background-color: #ddd;
      }
      &.disabled {
        color: #ccc;
      }
    }
  }
}
</style>